#tinycarousel {
  width:600px; /* Lebar Slideshow */
  height:1%;
  overflow:hidden;
  font:normal 10px/12px Arial,Sans-Serif;
  color:#666;
  margin:10px 12px 0;
  border:5px solid #0D4883;
  -webkit-box-shadow:0 0 0 1px #222;
  -moz-box-shadow:0 0 0 1px #222;
  box-shadow:0 0 0 1px #222;
}

#tinycarousel .viewport {
  height:336px;
  overflow:hidden;
  position:relative;
  background-color:#444;
  border:1px solid #222;
}

#tinycarousel ul.overview {
  list-style:none !important;
  position:absolute;
  padding:0 0 !important;
  margin:0 0 !important;
  width:240px;
  left:0;
  top:0;
}

#tinycarousel ul.overview li {
  list-style:none !important;
  float:left;
  margin:5px 0 5px 5px !important;
  padding:0 0 !important;
  height:auto !important;
  width:190.8px; /* Lebar satu unit slide */
  background:#050505 url(http://2.bp.blogspot.com/-lVbCn6XBfp4/Txg_3blAi1I/AAAAAAAAEpI/j7dTuNpF1DM/s1600/post-bg.png) repeat-x top left;border:1px solid #222;
  color:#666;
}

#tinycarousel .inner {
  margin:10px;
  height:260px;
  overflow:hidden;
}

#tinycarousel img {
  width:auto;
  height:170px;
  border:none;
  outline:none;
  padding:0 0;
  margin:0 0;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}

#tinycarousel h6 {
  border-top:1px solid #222;  
  font:normal bold 11px/12px Verdana,Tahoma,Arial,Sans-Serif;
  color:#39f;
  margin:9px 0 5px;
  padding:10px 0 0;
  background:none;
  overflow:hidden;
}

#tinycarousel h6 a {
  color:inherit;
  text-decoration:none;
  border:none;
}

#tinycarousel p {
  margin:0 0;
  padding:0 0;
  overflow:hidden;
}

#tinycarousel em {
  font-style:normal;
  color:#aaa;
  background-color:#333;
  background-image:-webkit-linear-gradient(top,#555,#333);
  background-image:-moz-linear-gradient(top,#555,#333);
  background-image:-ms-linear-gradient(top,#555,#333);
  background-image:-o-linear-gradient(top,#555,#333);
  background-image:linear-gradient(top,#555,#333);
  display:block;
  padding:5px 10px;
  margin:0 0;
}

#tinyarrow {
  display:block;
  background-color:#aaa;
  border:1px solid #222;
  padding:5px;
  margin:2px 0 0;
  overflow:hidden;
}

#tinyarrow .buttons {
  display:block;
  padding:2px 5px;
  overflow:hidden;
  position:relative;
  float:left;
  margin:0 1px;
  color:white;
  text-decoration:none;
  font-weight:bold;
  background-color:#005E90;
  background-image:-webkit-linear-gradient(top,rgba(0,0,0,.26),rgba(0,0,0,0));
  background-image:-moz-linear-gradient(top,rgba(0,0,0,.26),rgba(0,0,0,0));
  background-image:-ms-linear-gradient(top,rgba(0,0,0,.26),rgba(0,0,0,0));
  background-image:-o-linear-gradient(top,rgba(0,0,0,.26),rgba(0,0,0,0));
  background-image:linear-gradient(top,rgba(0,0,0,.26),rgba(0,0,0,0));
  border-radius:2px;
  -moz-border-radius:2px
  -webkit-border-radius:2px;
}

#tinyarrow .disable {display:none}

#tinyarrow .buttons:active {
  background-color:#900;
  position:relative;
  top:1px;
}

#tinyarrow span {
  float:right;
  font:normal bold 11px/12px Tahoma,Verdana,Arial,Sans-Serif;
  margin:2px 5px 0 0;
}

/*
 * Orientasi Vertikal
 * CSS diatur secara manual pada versi aslinya
 * tapi di sini semuanya sudah cukup teratur
 */
#tinycarousel.vertical {width:242px}
#tinycarousel.vertical ul.overview li {
  float:none;
  display:block;
  width:228px;
  margin:5px auto 10px !important;
}

#tinycarousel.vertical img {
  width:100%;
  height:auto;
}